﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>后台管理系统模板</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jsapi.js"></script>
<script type="text/javascript" src="js/format+zh_CN,default,corechart.I.js"></script>       
<script type="text/javascript" src="js/jquery.gvChart-1.0.1.min.js"></script>
<script type="text/javascript" src="js/jquery.ba-resize.min.js"></script>
<script type="text/javascript">
$(function(){	
	//顶部导航切换
	$(".nav li a").click(function(){
		$(".nav li a.selected").removeClass("selected")
		$(this).addClass("selected");
	})	
    //导航切换
    $(".menuson li").click(function(){
        $(".menuson li.active").removeClass("active")
        $(this).addClass("active");
    });
    
    $('.title').click(function(){
        var $ul = $(this).next('ul');
        $('dd').find('ul').slideUp();
        if($ul.is(':visible')){
            $(this).next('ul').slideUp();
        }else{
            $(this).next('ul').slideDown();
        }
    });
    // 默认高度
    $(".leftbar").css("height",$(document).height()-88)
})	
</script>
<script type="text/javascript">
    gvChartInit();
    jQuery(document).ready(function(){

    jQuery('#myTable5').gvChart({
            chartType: 'PieChart',
            gvSettings: {
                vAxis: {title: 'No of players'},
                hAxis: {title: 'Month'},
                width: 650,
                height: 250
                }
        });
    });
</script>

</head>

<body>

<!-- 头部公共部分 -->
<div class="header">
    <div class="topleft">
        <a href="main.html" target="_parent"><img src="images/logo.png" title="系统首页" /></a>
    </div>
    <ul class="nav">
        <li><a href="default.html" target="rightFrame" class="selected"><img src="images/icon01.png" title="工作台" /><h2>工作台</h2></a></li>
        <li><a href="imgtable.html" target="rightFrame"><img src="images/icon02.png" title="模型管理" /><h2>模型管理</h2></a></li>
        <li><a href="imglist.html"  target="rightFrame"><img src="images/icon03.png" title="模块设计" /><h2>模块设计</h2></a></li>
        <li><a href="tools.html"  target="rightFrame"><img src="images/icon04.png" title="常用工具" /><h2>常用工具</h2></a></li>
        <li><a href="computer.html" target="rightFrame"><img src="images/icon05.png" title="文件管理" /><h2>文件管理</h2></a></li>
        <li><a href="tab.html"  target="rightFrame"><img src="images/icon06.png" title="系统设置" /><h2>系统设置</h2></a></li>
    </ul>
            
    <div class="topright">    
        <ul>
            <li><span><img src="images/help.png" title="帮助"  class="helpimg"/></span><a href="#">帮助</a></li>
            <li><a href="#">关于</a></li>
            <li><a href="login.html" target="_parent">退出</a></li>
        </ul>
        <div class="user">
            <span>admin</span>
            <i>消息</i>
            <b>5</b>
        </div>    
    </div>
</div>

<div class="mainwrap">

    <!-- 主内容 -->
    <div class="main">

        <!-- 当前位置 -->
        <div class="place">
            <span>位置：</span>
            <ul class="placeul">
                <li><a href="#">首页</a></li>
                <li><a href="#">工作台</a></li>
            </ul>
        </div>
        
        
        <div class="mainbox">
            <div class="maininner">
                <!-- 内页内容开始位置************** -->
                
                <div class="mainleft">

                    <div class="leftinfo">
                        <div class="listtitle"><a href="#" class="more1">更多</a>数据统计</div>
                        <div class="maintj">  
                            <table id='myTable5'>
                                <caption>uimaker.com players count</caption>
                                <thead>
                                    <tr>
                                        <th></th>
                                        <th>Jan</th>
                                        <th>Feb</th>
                                        <th>Mar</th>
                                        <th>Apr</th>
                                        <th>May</th>
                                        <th>Jun</th>
                                        <th>Jul</th>
                                        <th>Aug</th>
                                        <th>Sep</th>
                                        <th>Oct</th>
                                        <th>Nov</th>
                                        <th>Dec</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <th>2010</th>
                                        <td>125</td>
                                        <td>185</td>
                                        <td>327</td>
                                        <td>359</td>
                                        <td>376</td>
                                        <td>398</td>
                                        <td>0</td>
                                        <td>0</td>
                                        <td>0</td>
                                        <td>0</td>
                                        <td>0</td>
                                        <td>0</td>
                                    </tr>
                                </tbody>
                            </table>  
                        </div>
                    </div>
                    <!--leftinfo end-->
                
                
                    <div class="leftinfos">
                        <div class="infoleft">
                            <div class="listtitle"><a href="#" class="more1">更多</a>待办事项</div>    
                            <ul class="newlist">
                                <li><a href="#">上海自贸区今日正式挂牌成立</a><b>10-09</b></li>
                                <li><a href="#">习近平将访东南亚两国 首次出席APEC峰会</a><b>10-08</b></li>
                                <li><a href="#">最高法:谎称炸弹致航班备降者从重追刑责</a><b>10-09</b></li>
                                <li><a href="#">华北大部遭遇雾霾天 北京全城陷重污染</a><b>10-06</b></li>
                                <li><a href="#">"环保专家"董良杰涉嫌寻衅滋事被刑拘</a><b>10-05</b></li>
                                <li><a href="#">中央巡视组：重庆对一把手监督不到位</a><b>10-04</b></li>
                                <li><a href="#">囧!悍马没改好成华丽马车(图)</a><b>10-03</b></li>
                            </ul>   
                        </div>
                        <div class="inforight">
                            <div class="listtitle"><a href="#" class="more1">添加</a>常用工具</div>
                            <ul class="tooli">
                                <li><span><img src="images/d01.png" /></span><p><a href="#">信息资料</a></p></li>
                                <li><span><img src="images/d02.png" /></span><p><a href="#">编辑</a></p></li>
                                <li><span><img src="images/d03.png" /></span><p><a href="#">记事本</a></p></li>
                                <li><span><img src="images/d04.png" /></span><p><a href="#">任务日历</a></p></li>
                                <li><span><img src="images/d05.png" /></span><p><a href="#">图片管理</a></p></li>
                                <li><span><img src="images/d06.png" /></span><p><a href="#">交易</a></p></li>
                                <li><span><img src="images/d07.png" /></span><p><a href="#">档案袋</a></p></li>    
                            </ul>
                        </div>
                    </div>
                </div>
                <!--mainleft end-->
                
                
                <div class="mainright">

                    <div class="dflist">
                        <div class="listtitle"><a href="#" class="more1">更多</a>最新信息</div>    
                        <ul class="newlist">
                            <li><a href="#">上海自贸区今日正式挂牌成立</a></li>
                            <li><a href="#">习近平将访东南亚两国 首次出席APEC峰会</a></li>
                            <li><a href="#">最高法:谎称炸弹致航班备降者从重追刑责</a></li>
                            <li><a href="#">华北大部遭遇雾霾天 北京全城陷重污染</a></li>
                            <li><a href="#">"环保专家"董良杰涉嫌寻衅滋事被刑拘</a></li>
                            <li><a href="#">中央巡视组：重庆对一把手监督不到位</a></li>
                            <li><a href="#">囧!悍马没改好成华丽马车(图)</a></li>
                            <li><a href="#">澳门黄金周加派稽查人员监察出租车违规行为</a></li>
                            <li><a href="#">香港环境局长吁民众支持政府扩建堆填区</a></li> 
                        </ul>    
                    </div>    

                    <div class="dflist1">
                        <div class="listtitle"><a href="#" class="more1">更多</a>信息统计</div>    
                        <ul class="newlist">
                            <li><i>会员数：</a></i>2535462</li>
                            <li><i>文档数：</a></i>5546</li>
                            <li><i>普通文章：</a></i>2315</li>
                            <li><i>软件：</a></i>1585</li>
                            <li><i>评论数：</a></i>5342</li>    
                        </ul>        
                    </div>

                </div>
                <!--mainright end-->

                <!-- 内页内容结束位置************** -->
            </div>
        </div>
    </div>


    <!-- 左侧导航，请放在main的下面 -->
    <div class="leftbar">
        <div class="lefttop"><span></span>通讯录</div>
        <dl class="leftmenu">
            <dd>
                <div class="title">
                    <span><img src="images/leftico01.png" /></span>管理信息
                </div>
                <ul class="menuson">
                    <li><cite></cite><a href="index.html" target="rightFrame">首页模版</a><i></i></li>
                    <li class="active"><cite></cite><a href="right.html" target="rightFrame">数据列表</a><i></i></li>
                    <li><cite></cite><a href="imgtable.html" target="rightFrame">图片数据表</a><i></i></li>
                    <li><cite></cite><a href="form.html" target="rightFrame">添加编辑</a><i></i></li>
                    <li><cite></cite><a href="imglist.html" target="rightFrame">图片列表</a><i></i></li>
                    <li><cite></cite><a href="imglist1.html" target="rightFrame">自定义</a><i></i></li>
                    <li><cite></cite><a href="tools.html" target="rightFrame">常用工具</a><i></i></li>
                    <li><cite></cite><a href="filelist.html" target="rightFrame">信息管理</a><i></i></li>
                    <li><cite></cite><a href="tab.html" target="rightFrame">Tab页</a><i></i></li>
                    <li><cite></cite><a href="error.html" target="rightFrame">404页面</a><i></i></li>
                </ul>    
            </dd>
            <dd>
                <div class="title">
                    <span><img src="images/leftico02.png" /></span>其他设置
                </div>
                <ul class="menuson">
                    <li><cite></cite><a href="#">编辑内容</a><i></i></li>
                    <li><cite></cite><a href="#">发布信息</a><i></i></li>
                    <li><cite></cite><a href="#">档案列表显示</a><i></i></li>
                </ul>     
            </dd> 
            <dd>
                <div class="title">
                    <span><img src="images/leftico03.png" /></span>编辑器
                </div>
                <ul class="menuson">
                    <li><cite></cite><a href="#">自定义</a><i></i></li>
                    <li><cite></cite><a href="#">常用资料</a><i></i></li>
                    <li><cite></cite><a href="#">信息列表</a><i></i></li>
                    <li><cite></cite><a href="#">其他</a><i></i></li>
                </ul>    
            </dd>  
            
            
            <dd>
                <div class="title">
                    <span><img src="images/leftico04.png" /></span>日期管理
                </div>
                <ul class="menuson">
                    <li><cite></cite><a href="#">自定义</a><i></i></li>
                    <li><cite></cite><a href="#">常用资料</a><i></i></li>
                    <li><cite></cite><a href="#">信息列表</a><i></i></li>
                    <li><cite></cite><a href="#">其他</a><i></i></li>
                </ul>
            
            </dd>   
        </dl>
    </div>
</div>

<script type="text/javascript">
    setWidth();
    $(window).resize(function(){
        setWidth(); 
    });
    function setWidth(){
        var width = ($('.leftinfos').width()-12)/2;
        $('.infoleft,.inforight').width(width);
    }
</script>
</body>
</html>
